<template>
	<div class="rule-content">
		<h4 class="names">《动力源运维小程序隐私保护指引》</h4>
		<div v-for="(item,inx) in dataList" :key="inx">
			<h3 class="title" v-if="item.type=='title'">{{item.cont}}</h3>
			<p class="cont" v-else>{{item.cont}}</p>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [{
					type: "cont",
					cont: '本指引是动力源运维小程序开发者 "北京动力源科技股份有限公司 "（以下简称“开发者”）为处理你的个人信息而制定。'
				}, {
					type: "title",
					cont: "1.开发者处理的信息"
				}, {
					type: "cont",
					cont: "根据法律规定，开发者仅处理实现小程序功能所必要的信息。"
				}, {
					type: "cont",
					cont: "为了找到换电柜的位置导航，开发者将在获取你的明示同意后，收集你的位置信息。"
				}, {
					type: "cont",
					cont: "为了手机号作为注册用户，开发者将在获取你的明示同意后，收集你的手机号。"
				}, {
					type: "title",
					cont: "2.你的权益"
				}, {
					type: "cont",
					cont: "2.1 关于收集你的位置信息，你可以通过以下路径：小程序主页右上角“…”—“设置”—点击特定信息—点击“不允许”，撤回对开发者的授权。"
				}, {
					type: "cont",
					cont: "2.2 关于收集你的手机号、收集你选中的文件，你可以通过以下路径：小程序主页右上角“...” — “设置” — “小程序已获取的信息” — 点击特定信息 — 点击“通知开发者删除”，开发者承诺收到通知后将删除信息。"
				}, {
					type: "cont",
					cont: "2.3 关于你的个人信息，你可以通过以下方式与开发者联系，行使查阅、复制、更正、删除等法定权利。"
				},{
					type: "cont",
					cont: "电话 01083682266"
				}, {
					type: "title",
					cont: "3. 开发者对信息的存储"
				},{
					type: "cont",
					cont: "开发者承诺，除法律法规另有规定外，开发者对你的信息的保存期限应当为实现处理目的所必要的最短时间。"
				}, {
					type: "title",
					cont: "4.信息的使用规则"
				}, {
					type: "cont",
					cont: "4.1 开发者将会在本指引所明示的用途内使用收集的信息"
				}, {
					type: "cont",
					cont: "4.2 如开发者使用你的信息超出本指引目的或合理范围，开发者必须在变更使用目的或范围前，再次以电话方式告知并征得你的明示同意。"
				}, {
					type: "title",
					cont: "5.信息对外提供"
				}, {
					type: "cont",
					cont: "5.1 开发者承诺，不会主动共享或转让你的信息至任何第三方，如存在确需共享或转让时，开发者应当直接征得或确认第三方征得你的单独同意。"
				}, {
					type: "cont",
					cont: "5.2 开发者承诺，不会对外公开披露你的信息，如必须公开披露时，开发者应当向你告知公开披露的目的、披露信息的类型及可能涉及的信息，并征得你的单独同意。"
				}, {
					type: "title",
					cont: "6.你认为开发者未遵守上述约定，或有其他的投诉建议、或未成年人个人信息保护相关问题，可通过以下方式与开发者联系；或者向微信进行投诉。"
				}, {
					type: "cont",
					cont: "电话 : 01083682266"
				}],
			}
		}
	}
</script>

<style lang="scss" scoped>
	.rule-content{
		padding: 40rpx;
		.names{
			line-height: 60rpx;
			text-align: center;
			font-size: 36rpx;
		}
		.cont{
			color: #333;
			font-size: 28rpx;
			text-indent: 2rem;
		}
		.title{
			font-size: 32rpx;
			margin: 10px 0;
		}
	}
</style>